﻿<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="" />
<meta name="author" content="" />
<link rel="shortcut icon" href="../../assets/ico/favicon.png" />
<script src="http://code.jquery.com/jquery-1.10.1.min.js"
	type="text/javascript"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"
	type="text/javascript"></script>
<script src="../content/js/sampleValidate.js" type="text/javascript"></script>
<link href="../content/css/default.css" rel="stylesheet" type="text/css" />
<link href="../content/css/component.css" rel="stylesheet"
	type="text/css" />
<script src="../content/js/modernizr.custom.js" type="text/javascript"></script>
<title>Home</title>
<!-- Bootstrap core CSS -->
<link href="../content/css/bootstrap.css" rel="stylesheet" />
<!-- Custom styles -->
<link href="../content/css/pls.css" rel="stylesheet" />
<link href="../content/css/seat.css" rel="stylesheet" />
<link href="../content/css/dashboardStyles.css" rel="stylesheet"
	type="text/css" />
</head>
<body>
	<!-- Fixed navbar -->
	<div class="navbar navbar-inverse navbar-fixed-top">
		<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse"
					data-target=".navbar-collapse">
					<span class="icon-bar"></span><span class="icon-bar"></span><span
						class="icon-bar"> </span>
				</button>
				<a class="navbar-brand" href="#"></a>
			</div>
			<div class="navbar-collapse collapse">
				<ul class="nav navbar-nav">
					<li><img src="../content/img/smalllogo.png" /></li>
					<li class="active"><a href="Home.html"
						style="background-color: #476079;">HOME</a></li>
					<li><a href="SeatManager.html">SEAT MANAGER</a></li>
					<li class="dropdown"><a href="" class="dropdown-toggle"
						data-toggle="dropdown">REQUEST MANAGER <b class="caret"></b></a>
						<ul class="dropdown-menu">
							<li><a href="ManageMovementManager.html" target="_blank">Create
									New Request</a></li>
							<li><a href="RequestManager.html">Monitoring</a></li>
						</ul></li>
					<li><a href="Report.html">REPORTS</a></li>
					<li><a href=""></a></li>
					<li><a href=""></a></li>

				</ul>
				<div class="searchBar navbar-right">
					<div class="input-group">
						<input type="text" class="form-control" /> <span
							class="input-group-btn">
							<button id="searchBtn" class="btn btn-default" type="button">
								Go!</button>
						</span><span class="logout">LOGOUT</span>
					</div>
					<!-- /input-group -->
				</div>
				<!-- /.col-lg-6 -->
			</div>
			<!--/.nav-collapse -->
		</div>
	</div>
	<div class="content">

		<div id="dashboard">
			<div class="row rowForBoxes">
				<div class="col-md-3  rBoxes bread">Dashboard</div>
				<div class="col-md-2  quadrantBoxes">PIC 3F</div>
				<div class="col-md-2  quadrantBoxes">PIC 4F</div>
				<div class="col-md-2  quadrantBoxes">PTC 12F</div>
				<!--                <div class="col-md-2  quadrantBoxes" style="background-color: #e04e39;">
                    LOG OUT
                </div>-->
			</div>
			<div class="row profile">
				<div class="col-md-3  rBoxes  ">Hello, Edu!</div>
			</div>
			<div class="row tkt">
				<div class="col-lg-3  rBoxes">
					Ticket Requests
					<div class="number">57</div>
				</div>
				<div class="col-lg-2  rBoxes md-trigger md-setperspective"
					data-modal="modal-5">
					Overdue
					<div class="number">1</div>
				</div>
				<div class="col-lg-2  rBoxes md-trigger md-setperspective"
					data-modal="modal-3">
					New
					<div class="number">18</div>
				</div>
				<div class="col-lg-2 rBoxes">
					Ongoing
					<div class="number">8</div>
				</div>
				<div class="col-lg-2  rBoxes">
					Closed
					<div class="number">30</div>
				</div>
			</div>
			<div class="row transfer">
				<div class="col-lg-3  rBoxes ">
					Transfer Status
					<div class="number">57</div>
				</div>
				<div class="col-lg-2  rBoxes">
					Workstations
					<div class="number">18</div>
				</div>
				<div class="col-lg-2  rBoxes">
					Ongoing
					<div class="number">18</div>
				</div>
				<div class="col-lg-2 rBoxes">
					Completed
					<div class="number">8</div>
				</div>
				<div class="col-lg-2  rBoxes">
					Exception
					<div class="number">30</div>
				</div>
				<div class="clearfix"></div>
				<div class="row"></div>
			</div>
			<div class="row phones">
				<div class="col-lg-2   rBoxes">
					Phones
					<div class="number">20</div>
				</div>
				<div class="col-lg-2  rBoxes">
					Ongoing
					<div class="number">10</div>
				</div>
				<div class="col-lg-2 rBoxes">
					Completed
					<div class="number">8</div>
				</div>
				<div class="col-lg-2  rBoxes md-trigger md-setperspective"
					data-modal="modal-3">
					Exception
					<div class="number">2</div>
				</div>
				<div class="col-lg-3  rBoxes inbox md-trigger md-setperspective"
					data-modal="modal-2">
					Inbox
					<div class="number inbox">101</div>
				</div>
			</div>
			<div class="md-modal md-effect-2" id="modal-3">
				<div class="md-content">
					<h3>New Request</h3>
					<div>
						<p>You have 2 unread messages:</p>
						<ul>
							<li><strong>Transfer Request:</strong> Hi! Please be
								reminded of quadrant to be transferred to C.</li>
							<li><strong>Update for Workstation:</strong> Hi! Please be
								reminded of quadrant to be transferred to C.</li>
							<li><strong>Area for Migration</strong> Hi! Please be
								reminded of quadrant to be transferred to C</li>
						</ul>
						<button class="md-close">Close</button>
					</div>
				</div>
			</div>
			<div class="md-modal md-effect-2" id="modal-5">
				<div class="md-content">
					<h3>Overdue Request</h3>
					<div>
						<p>You have 2 unread messages:</p>
						<ul>
							<li><strong>Transfer Request:</strong> Hi! Please be
								reminded of quadrant to be transferred to C.</li>
							<li><strong>Update for Workstation:</strong> Hi! Please be
								reminded of quadrant to be transferred to C.</li>
							<li><strong>Area for Migration</strong> Hi! Please be
								reminded of quadrant to be transferred to C</li>
						</ul>
						<button class="md-close">Close</button>
					</div>
				</div>
			</div>
			<div class="md-modal md-effect-2" id="modal-3">
				<div class="md-content">
					<h3>Phone Exception</h3>
					<div>
						<p>You have 2 unread messages:</p>
						<ul>
							<li><strong>Transfer Request:</strong> Hi! Please be
								reminded of quadrant to be transferred to C.</li>
							<li><strong>Update for Workstation:</strong> Hi! Please be
								reminded of quadrant to be transferred to C.</li>
							<li><strong>Area for Migration</strong> Hi! Please be
								reminded of quadrant to be transferred to C</li>
						</ul>
						<button class="md-close">Close</button>
					</div>
				</div>
			</div>
			<div class="md-modal md-effect-2" id="modal-2">
				<div class="md-content">
					<h3>Inbox</h3>
					<div>
						<p>You have 2 unread messages:</p>
						<ul>
							<li><strong>Transfer Request:</strong> Hi! Please be
								reminded of quadrant to be transferred to C.</li>
							<li><strong>Update for Workstation:</strong> Hi! Please be
								reminded of quadrant to be transferred to C.</li>
							<li><strong>Area for Migration</strong> Hi! Please be
								reminded of quadrant to be transferred to C</li>
						</ul>
						<button class="md-close">Close</button>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- Bootstrap core JavaScript
    ================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
	<script src="../content/js/jquery.zoomooz.min.js"
		type="text/javascript"></script>
	<script src="../content/js/bootstrapv3.min.js" type="text/javascript"></script>
	<script src="../content/js/dragscrollable.js" type="text/javascript"></script>
	<script src="../content/js/jquery.kinetic.js" type="text/javascript"></script>
	<script src="../content/js/search.js" type="text/javascript"></script>
	<script src="../content/js/classie.js" type="text/javascript"></script>
	<script src="../content/js/modalEffects.js" type="text/javascript"></script>
</body>
</html>
